<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.12.4.min.js"></script>
     

    <script>
        // $(document).ready(
        //     function () {
        //         var $div = $('#wad');
        //         alert($div.innerHTML);
        //     }
        // )

        $(function () {
            var $div = $('#wad');

            var $div2 = $('.box span');

            var $div3 = $('li');

            $div.css({'color': 'red', 'font-size': 30});

            $div2.css({'color': 'green'});

            $div3.css({'background': 'gold', 'font-size': 40}); 6
            alert($div3.length);

        })
    </script>


</head>
<body>
<div id="wad">
    <a>
        awdwad
    </a>
</div>
<div class="box">dawddddddddddddddddd</div>
<div class="box">ppppppppppp<span>ppp</span>ppaaaaaaaaaaaaaa</div>

<ul>
    <li>awdwad</li>
    <li>awdwad</li>
    <li>awdwad</li>
    <li>awdwad</li>
</ul>


</body>
</html>